<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!--JQuery 了解javascript功能:更面上所有触发型效果
		JQuery的使用方式：
		1.JQuery官方网站，下载JQuery封装js库，格式:jquery-1.11.1.js
						  jquery-2.x.js之后的版本不支持IE 6、7、8
		2.引入JQuery框架【js类库】，在head中，script元素  导入
					<script src="js/jquery-1.11.1.js"></script>
		3.编写Jery框架语法---Js页面动态效果
		在页面最后body前方加script元素，为什么?
		思考:操作页面上面元素，body中生成实际页面上的内容，改变页面效果，
			整个html+css，理解DOM树：元素、属性、性信，先存在
			这些元素，才可以进行操作所以，IS中D0M树的操作需要等页面元素
			都加载完毕，才可以进行对页面元素进行实质性作!
		JavaScript行为层     EMCAScript5.0核心语法--类似ava基础
							功能：做逻辑
					重点： DOM：Document object Model  文档节点对象模型
						  功能:做页面效果【结合逻辑】
						  DOM树    document    元素、属性、属性值
						  			 html
					  			head	body
							   meta
						charsert
						  BOM：Brower object Model    浏览器对象模型
						  功能:做浏览器效果【结合逻辑】
		
		
		-->
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->
		<script>
			/*JQ语法*/
			$("button").click(function(){alert("别着急！")})
		</script>
	</body>
</html>